How to use Google Material Icons with examples

Material design system icons are simple, modern, friendly, and sometimes quirky. Each icon is created using our design guidelines.

Material Symbols are our newest icons consolidating over 2500 glyphs in a single font file with a wide range of design variants.

These are two different official icon sets from Google, using the same underlying designs. Material Symbols is the current set, introduced in April 2022, ...

Create your own system and product icons with these Adobe Illustrator files including the 24dp icon grid. DOWNLOAD ICON DESIGN TEMPLATES.

The new variable icon font set supports three styles: outlined, rounded, and sharp. All Material Symbols are newly drawn to be pixel-crisp and modernized.

Icons (click to copy to clipboard) ... Generated with grunt-webfont at MaterialDesignIcons.com.

2100+ ready-to-use React Material Icons from the official website.

The original. Following Google's Material Design guidelines for system icons, MDI is our largest library, touting over 7200 unique icons!

In this file, over 2000 Material Design icons are built as components in 5 variants: Filled, Outlined, Sharp, Rounded, Two-tone.